iT邦幫忙

2022 iThome 鐵人賽

DAY 9
0
Mobile Development

在 Flutter 開發旅程的手札系列 第 9

Flutter Package - 更換APP的ICON

  • 分享至 

  • xImage
  •  

今天要來教大家用flutter_launcher_icons更換自己APP的ICON

可以應用下方三種方式安裝套件

  1. 輸入dart指令(必需要在專案下的路徑輸入語法)
dart pub add flutter_launcher_icons

https://ithelp.ithome.com.tw/upload/images/20220924/20152683s8BK3lbSSA.png

  1. 輸入flutter指令(推薦使用,就算路徑在專案內的其他檔案也能下載成功)
flutter pub add flutter_launcher_icons

https://ithelp.ithome.com.tw/upload/images/20220924/201526837yqpTpFcCK.png

  1. 選擇手動在pubspec.yaml的檔案底下手動輸入,輸入後要記得按下pub get才會成功載入
dependencies:
  flutter_launcher_icons: ^0.10.0
  

https://ithelp.ithome.com.tw/upload/images/20220924/20152683RSJHvPwfPk.png


新增一個images的文件夾,放入自己要匯入的照片
並且在pubspec.yaml檔案底下的assets引入照片
https://ithelp.ithome.com.tw/upload/images/20220924/20152683tDixCOaA9Y.png


pubspec.yaml檔案最下方,放入下方程式碼(要特別小心flutter_icons前面沒有空格)

flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "images/logo.png"
  remove_alpha_ios: true

https://ithelp.ithome.com.tw/upload/images/20220924/201526839XNDX7M2DL.png


輸入下方指令執行 flutter_launcher_icons

flutter pub get
flutter pub run flutter_launcher_icons:main

完成圖
https://ithelp.ithome.com.tw/upload/images/20220924/20152683DtJhkOGqBP.png


上一篇
Flutter Models - 介紹Models
下一篇
Flutter Package - 將手機照片上傳到API上
系列文
在 Flutter 開發旅程的手札30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言